.muiltSelectContainer {
  height: 100%;
  background-color: #f7f6ff;

  .muiltSelect{
    display: flex;
    flex-direction: column;
  }
  .selectItem {
    padding: 24px 34px 26px 34px;
    background-color: #fff;
    border-radius: 16px;
    position: relative;

    .checkbox{
      width: 0;
      opacity: 0;
    }

    .text {
      color: #333;
      font-size: 32px;
    }

    &:not(:first-child) {
      margin-top: 30px;
    }
  }

  .actived {
    background-color: #f8df11 !important;
    &::after {
      position: absolute;
      right: -16px;
      top: 20px;
      display: block;
      width: 0;
      height: 0;
      border-top: 30px solid transparent;
      border-right: 35px solid #f7f6ff;
      border-bottom: 30px solid transparent;
      content: '';
    }
    &::before {
      position: absolute;
      left: -14px;
      top: 20px;
      display: block;
      width: 0;
      height: 0;
      border-top: 30px solid transparent;
      border-bottom: 25px solid transparent;
      border-left: 30px solid #f7f6ff;
      content: '';
    }
  }

}
